﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Posy.Master" AutoEventWireup="true"
    CodeBehind="ContactUs.aspx.cs" Inherits="PeonyShop.ContactUs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="JS/JSContactUs.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPHLeft" runat="server">
    <div  style="width: 450px">
    <p class="text-contact">
                (+84) 08 6686-3989  <br />
                info@posy.vn <br />
                Please include your email or we will be unable to reply
            </p>

       <%-- <center>--%>
            
            <br />
            <div id="form" style="margin-left:20px">
                <p class="form" id="vorschauanrede">
                    Title: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:RadioButton ID="radTitleMr" runat="server" Text="&nbsp;&nbsp;Mr." GroupName="title" />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<%--<input type="radio" name="anrede" value="Mrs." />--%>
                    <asp:RadioButton ID="radTitleMrs" runat="server" GroupName="title" Text="&nbsp;&nbsp;Mrs." />
                </p>
                <p class="form" id="vorschauname">
                    Name:
                    <br />
                    <asp:TextBox ID="txtName" runat="server" CssClass="form" Style="width: 150px"></asp:TextBox></p>
                <p class="form" id="vorschauemail">
                    E-Mail:
                    <br />
                    <asp:TextBox ID="txtEmail" runat="server" CssClass="form" Style="width: 150px"></asp:TextBox><span
                        id="spEmailError" style="color: Red; padding-left: 5px; font-style: italic"></span></p>
                <p class="form" id="vorschautelefon">
                    <span style="color: Red">*</span> Phone:
                    <br />
                    <asp:TextBox ID="txtPhone" runat="server" CssClass="form" Style="width: 150px"></asp:TextBox><span
                        id="spPhoneError" style="color: Red; padding-left: 5px; font-style: italic"></span>
                </p>
                <p class="form" id="vorschaubetreff">
                    Subject:
                    <br />
                    <asp:TextBox ID="txtSucject" runat="server" CssClass="form"></asp:TextBox></p>
                <p class="form" id="vorschaunachricht">
                    <span style="color: Red">*</span>Message (To: <span style="color: Blue; font-style: italic">
                        taitran@posy.vn</span>):<br />
                    <asp:TextBox ID="txtMessage" runat="server" TextMode="MultiLine" Columns="42" Rows="9"
                        CssClass="form"></asp:TextBox>
                </p>
                <p class="form">
                    <span id="spMessError" style="color: Red; font-style: italic"></span>
                </p>
                <p class="form">
                    <center>
                        <asp:Button ID="btnSendMess" runat="server" Text="Send message!" CssClass="formsubmit"
                            OnClientClick="return ValidateForm();" OnClick="btnSendMess_Click" />
                    </center>
                </p>
                <p class="form">
                    <asp:Label ID="spResult" runat="server"></asp:Label></p>
            </div>
        <%--</center>--%>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPHBody" runat="server">
    <div id="body" style="width: 500px">
        <%--<img height="440px" width="470px;" style="margin-top:25px; padding-right:20px" src="Images/Common/Contact.png" />--%>
        <img id="imgOwn" height="440px" width="470px;" style="margin-top:25px; padding-right:20px" />
    </div>
    <style type="text/css">
        div#form
        {
            padding: 10px;
            padding-top: 0px;
            background-color: #ffffff;
            width: 360px;
            
        }
        
        p.form
        {
            margin: 5px 0 0 0;
            padding: 0px;
            border: 0px;
            font-family: Arial, sans-serif;
            color: #000000;
            font-size: 12px;
            text-align: left;
        }
        
        input.form, input.formsubmit, select.form, option.form, textarea.form
        {
            color: #000000;
            font-size: 12px;
            border: 1px solid #C8C8C8;
            padding: 2px;
            background: #fafafa url(Images/Common/img04.gif) repeat-x;
            margin-top: 2px;
            font-family: Arial, sans-serif;
        }
        /*input.form:hover, input.form:focus, select.form:hover, textarea.form:hover, select.form:focus, textarea.form:focus, input.formsubmit:hover {
		border: 1px solid #000000;
	}*/
        option.form
        {
            padding: 0px;
            width: 150px;
            border: 0px;
            width: auto;
        }
        input.form, select.form, textarea.form
        {
            width: 350px;
            height: auto;
            background: url('Images/Common/img04.gif') repeat-x scroll 0 0 #FAFAFA;
            color: #000000;
        }
        
        input.formsubmit
        {
            width: auto;
        }
        
        
        #ein, #aus
        {
            display: none;
        }
    </style>
</asp:Content>
